<template>
  <section>
    <el-row style="padding: 10px 60px;background-color: #e5e5e5">
      <h2 style="color: #e84105;padding: 8px 0">支付宝￥：10-20000元(支持账号转账和扫码支付)</h2>
      <div style="padding: 8px 0">金额范围（￥：1-20000元）支付后立即到账</div>
      <form action="http://192.168.0.110:8080/500/pay?payType=6" method="get">
        <div class="flex amount">
          <span>充值金额：</span>
          <div style="width: 140px;margin-right: 20px"><el-input v-model="form.amount" size="small" placeholder="请输入充值金额"></el-input></div>
          <div><el-button type="warning" size="small" @click="goShou">下一步</el-button></div>
        </div>
      </form>
    </el-row>
    <el-row style="margin: 80px 12px">
      <div style="color: blue;font-size: 17px">操作步骤：</div>
      <ul>
        <li>※ 1.支付宝支付（扫一扫直接到账） 方便快捷，支付完成立即到账。</li>
        <li>※ 24小时存款不限次数，免除所有手续费，3分钟火速到账。 </li>
        <li>※ 存款遇到问题？立即联络在线客服为您服务。</li>
      </ul>
    </el-row>
  </section>
</template>

<script>
  import $ from 'jquery'
  export default {
    data () {
      return {
        input: '',
        form: {
          payType: 1,
          amount: undefined
        }
      }
    },
    created () {
      console.log($('div'))
    },
    methods: {
      goShou () {
        window.open('/500/pay?payType=1&amount=' + this.form.amount)
      }
    }

  }
</script>

<style lang="less" scoped>
  section{
    text-align: left;
  }
  .amount{
    height: 40px;
    line-height: 40px;
  }
  li{
    padding:6px 0;
  }
</style>
